<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<style>
  .toggler { width: 500px; height: 200px; position: relative; }
  #button { padding: .5em 1em; text-decoration: none; }
  .effect { display: none; }
  .newClass { display: table-row; }
 </style>
  <script>
  $(function() {
    $( "#button" ).click(function() {
      $( ".effect" ).toggleClass( "newClass", 1000 );
      return false;
    });
  });
  </script>
<style>
/* place this in external css later */
#main_box_left, #main_box_center {
	float: left;
}
#main_box_right {
	float: right;
	background-color: purple;
}
#player_profile {
	background-color: yellow;
	height: 150px;
	width: 150px;
}
.p_details {
	font-family: Helvetica;
	font-size: 18px;
	background-color: pink;
	padding: 5px;
}
#fullname {
	font-size: 30px;
}
#nickname {
	font-size: 48px;
	font-weight: bolder;
}

#main_box_right_bottom {
	clear: both;
}
#content_footer {
	clear: both;
}
.table_league {
	display: table;
}
.table_league_row {
	display: table-row;
}
.table_league_row_header {
	display: table-row-group;
	font-size: 25px;
	font-weight: bolder;
}
.table_league_cell {
	display: table-cell;
	padding: 5px;
}

</style>
<div id="content_header">
	<div id="main_box_left">
		<div id="player_profile">
		Picture Here
		</div>
	</div>
	<div id="main_box_center">
		<div id="fullname" class="p_details">
			<?php echo $this->request->data['Player']['firstname']; ?> <?php echo $this->request->data['Player']['middlename']; ?> <?php echo $this->request->data['Player']['lastname']; ?> 
		</div>
		<div id="nickname" class="p_details">
			<?php echo $this->request->data['Player']['nickname']; ?>
		</div>

		<div id="position" class="p_details"> Position: 
		<?php 
		$position = $this->request->data['Player']['position'];
		$position_str = '';
		if ( strpos($position,'1') !== false) {
			$position_str = "PG"; }
		if ( strpos($position,'2') !== false) {
			$position_str = $position_str . (strlen($position_str) > 0 ? " | SG" : "SG"); }	
		if ( strpos($position,'3') !== false) {
			$position_str = $position_str . (strlen($position_str) > 0 ? " | SF" : "SF"); }		
		if ( strpos($position,'4') !== false) {
			$position_str = $position_str . (strlen($position_str) > 0 ? " | PF" : "PF"); }		
		if ( strpos($position,'5') !== false) {
			$position_str = $position_str . (strlen($position_str) > 0 ? " | C" : "C"); }		

		echo $position_str;

		?>
		</div>
		<div id="height" class="p_details"> Height: 
		<?php echo $this->request->data['Player']['height']; ?> cms
		</div>
		<div id="weight" class="p_details"> Weight: 
		<?php echo $this->request->data['Player']['weight']; ?> lbs
		</div>
	</div>
	<div id="main_box_right">
		<div id="main_box_right_top">
		<h2>Links</h2>
		<ul>
			<li>Detailed Statistics</li>
			<li>Offensive Tendencies</li>
			<li>Defensive Tendencies</li>
		</ul>
		</div>
		<div id="main_box_right_bottom">
		<h2>Go To Moves</h2>
		<ul>
			<li>Spin Move [RQS Get from DATA]</li>
			<li>Turn Around Fadeaway Dunk [RQS Get from DATA]</li>
		</ul>
		</div>
	</div>
</div>
<div id="content_footer">
	<table width="300px">
		<tbody>
		<tr>
			<th></th>
			<th colspan="6">PBA D-League</th>
		</tr>
		<tr>
			<td></td>
			<td>Year</td>
			<td>GP</td>
			<td>PPG</td>
			<td>RPG</td>
			<td>ORG</td>
			<td>DRG</td>			
		</tr>
		<tr>
			<td></td>
			<td>2012-2013</td>
			<td>7</td>
			<td>30.1</td>
			<td>12.0</td>
			<td>1.5</td>
			<td>10.5</td>
		</tr>
		<tr>
			<td></td>
			<td>2011-2012</td>
			<td>10</td>
			<td>21.3</td>
			<td>7.1</td>
			<td>2.6</td>
			<td>4.5</td>
		</tr>
		</tbody>
		<tbody>
		<tr>
			<th></th>
			<th colspan="6">UAAP</th>
		</tr>
		<tr>
			<td></td>
			<td>Year</td>
			<td>GP</td>
			<td>PPG</td>
			<td>RPG</td>
			<td>ORG</td>
			<td>DRG</td>			
		</tr>
		<tr>
			<td><a href="#" id="button">>></a></td>
			<td>2011-2012</td>
			<td>7</td>
			<td>30.1</td>
			<td>12.0</td>
			<td>1.5</td>
			<td>10.5</td>
		</tr>
		<tr class="effect">
			<td></td>
			<td colspan="6">
				<table>
					<tr>
						<td>Game 1</td>
						<td>q1</td>
						<td>x1</td>
						<td>e1</td>
						<td>r1</td>
						<td>t1</td>					
					</tr>
					<tr>
						<td>Game 2</td>
						<td>q2</td>
						<td>x2</td>
						<td>e2</td>
						<td>r2</td>
						<td>t2</td>			
					</tr>	
				</table>				
			</td>
		</tr>
		<tr>
			<td></td>
			<td>2010-2011</td>
			<td>10</td>
			<td>21.3</td>
			<td>7.1</td>
			<td>2.6</td>
			<td>4.5</td>
		</tr>
		</tbody>
	</table>
	<?php
	
	echo $this->Html->link('Upload Stats', 
							array(
								'controller' => 'players', 
								'action' => 'upload_stats',
								$this->request->data['Player']['id']
								)
							);
	
	?>
</div>